<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>首充大返利</title>
  <link rel="stylesheet" href="./index.css">
</head>
<body>
  <div class="image">
    <img src="./images/bg_1@3x.png" width="100%" alt="">
  </div>
  <div class="desc-box"> 
    <div class="desc">
      <div class="diamond-desc">
        <div class="bar">
          <div class="bar-desc">
            超高返钻 好运连连
          </div>
        </div>
        <p class="bar-desc-1">有机会享受返</p>
        <p class="bar-desc-2"><span>30000</span><span>钻</span></p>
        <div class="right-down">
          <img src="./images/img_diamond@3x.png" width="100%" alt="">
        </div>
      </div>
      <div class="text-desc">
        <p>
          1.返利金额按照首充金额随机概率返回钻石，首次充的越多，返的越多哦~
        </p>
        <p>
          2.所有未充值用户，在活动期间通过任意一种方式充值均为首充，每个用户仅有1次机会。
        </p>
      </div>
    </div>
   
    <div class="btn-box">
      <div class="btn">
        <span class="btn-desc" onclick="toRecharge()">立即充值</span>
      </div>
    </div>
  </div> 
  <script>
    function isAndroid() {
      return navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Linux') > -1;
    }

    function isIOS() {
      return !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
    }

    function toRecharge(data){
      if (isAndroid()) {
        keke.rechargeClicked();
      } else if (isIOS()) {
        window.webkit.messageHandlers.rechargeClicked.postMessage('');
      }
    }
  </script>
</body>
</html>